<template>
  <div ref="mainRef" id="main" class="w-[400px] h-[400px]"></div>
</template>

<script setup>
import { ref, onMounted } from 'vue';
import $User from '@/api/index';
import * as echarts from 'echarts';

const mainRef = ref(null); 

const getTest=async()=>{
  const res=await $User.getUserInfo({
    id:"2222"
  })
  console.log("🚀 ~ getTest ~ res:", res)
  
}
getTest()
onMounted(() => {
  const myChart = echarts.init(mainRef.value);

  myChart.setOption({
    title: {
      text: 'ECharts 入门示例'
    },
    tooltip: {},
    xAxis: {
      data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
    },
    yAxis: {},
    series: [
      {
        name: '销量',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20]
      }
    ]
  });
});
</script>

<style lang="scss" scoped>
</style>